<template>
	<view>
		<view class="top">
			<view class="title">
				注册
			</view>
		</view>
		<view class="main">
			<view class="content">
				<view class="user">
					<view class="icon"></view>
					<input type="text" @input="getNoValue" v-model="stuInfo.sNo" placeholder="请输入学号" maxlength="12" />	
				</view>
				<view class="password">
					<view class="icon"></view>
					<input type="text" @input="getPassValue" v-model="stuInfo.sPassword" password="ture" placeholder="请输入登录密码" />
				</view>
				<view class="repaw">
					<view class="icon"></view>
					<input type="text" @input="getRePassValue" v-model="userRePass" password="ture" placeholder="请再次确认密码" />
				</view>
				<view class="email">
					<view class="icon"></view>
					<input type="text" @input="getEmailValue" v-model="stuInfo.sEmail" placeholder="请输入电子邮箱" maxlength="17" />
				</view>
				<view class="name">
					<view class="icon"></view>
					<input type="text" @input="getNameValue" v-model="stuInfo.sName" placeholder="请输入姓名" maxlength="12" />
				</view>
				<view class="phone">
					<view class="icon"></view>
					<input type="text" @input="getPhoneValue" v-model="stuInfo.sPhone" placeholder="请输入联系方式" maxlength="11" />
				</view>
				<view class="gender">
					<view class="icon"></view>
					<view class="title">
						性别
					</view>
					<picker  mode="selector" :range="genderList" @change="genderTypeChange">
						<input type="text" disabled="true" v-model="stuInfo.sGender" />
					</picker>
				
					<!-- <picker style="width: 330rpx;" mode="selector" :range="genderList" @change="genderTypeChange">
						<input type="text" v-model="stuInfo.sGender" />
					</picker> -->
				</view>
			</view>
			<view class="button">
				<button class="register" @click="getInformation()">注 册</button>
				
			</view>
			<view class="line"></view>
			<view class="login">
				已有账号？<navigator url="../login/login">立即登录</navigator>
			</view>
		</view>
	</view>
	<!-- <view>
		<image class="bgimage" src="https://pic.imgdb.cn/item/6233fd785baa1a80abdef94c.png"></image>

		<view class="content">
			<view class="int">
				<view class="int-title"><text>请输入学号</text></view>
				<view class="empty"></view>
				<view class="right">
					<slot></slot>
				</view>
				<input type="text" @input="getNoValue" v-model="stuInfo.sNo" placeholder="" maxlength="12" />
			</view>

			<view class="int">
				<view class="int-title "><text>请输入密码</text></view>
				<view class="empty "></view>
				<view class="right">
					<slot></slot>
				</view>
				<input type="text" @input="getPassValue" v-model="stuInfo.sPassword" password="ture" placeholder="" />
			</view>
			<view class="int">
				<view class="int-title"><text>请再次确认密码</text></view>
				<view class="empty"></view>
				<view class="right">
					<slot></slot>
				</view>
				<input type="text" @input="getRePassValue" v-model="userRePass" password="ture" placeholder="" />
			</view>
			<view class="int">
				<view class="int-title"><text>请输入电子邮箱</text></view>
				<view class="empty"></view>
				<view class="right">
					<slot></slot>
				</view>
				<input type="text" @input="getEmailValue" v-model="stuInfo.sEmail" placeholder="" maxlength="17" />
			</view>
			<view class="int">
				<view class="int-title"><text>请输入姓名</text></view>
				<view class="empty"></view>
				<view class="right">
					<slot></slot>
				</view>
				<input type="text" @input="getNameValue" v-model="stuInfo.sName" placeholder="" maxlength="12" />
			</view>


			<view class="int">
				<view class="int-title"><text>请选择性别</text></view>
				<view class="empty"></view>
				<view class="right">
					<slot></slot>
				</view>
				<picker style="width: 330rpx;" mode="selector" :range="genderList" @change="genderTypeChange">
					<input type="text" v-model="stuInfo.sGender" />
				</picker>
				<view class="icon2"></view>
			</view>

			<view class="int">
				<view class="int-title"><text>请输入联系方式</text></view>
				<view class="empty "></view>
				<view class="right">
					<slot></slot>
				</view>
				<input type="text" @input="getPhoneValue" v-model="stuInfo.sPhone" placeholder="" maxlength="11" />
			</view>

			<view class="butt">
				<button class="register" @click="getInformation()">注 册</button>
			</view>
		</view>

	</view> -->
</template>

<script>
	export default {

		data() {
			return {
				userRePass: '',
				stuInfo: {
					sNo: '',
					sPassword: '',
					sName: '',
					sGender: '男',
					sPhone: '',
					sEmail: '',
					sCreateTime: ''
				},
				genderList: ['男', '女']
			}
		},
		onLoad() {
			// this.getInfo();
			// console.log("我运行了")
			// this.getInformation();
		},

		// beforeMount(){
		// 	this.mountDealCount()
		// },
		methods: {
			getDate() {
				const date = new Date();
				const dd = new Date(date);
				const y = dd.getFullYear()
				const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1
				const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate()
				this.stuInfo.sCreateTime = y + '-' + m + '-' + d;
				console.log(this.stuInfo.sCreateTime);
			},
			getInformation() {
				this.getDate();
				let str = this.stuInfo.sEmail;
				let i = str.indexOf('@', 1);

				if (this.stuInfo.sNo == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的学号不能为空！'
					})
				} else if (this.stuInfo.sNo == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的学号不能为空！'
					})
				} else if (this.stuInfo.sNo == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的学号不能为空！'
					})
				} else if (this.stuInfo.sPassword == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的密码不能为空！'
					})
				} else if (this.userRePass == '') {
					uni.showToast({
						icon: 'error',
						title: '您需再次确认密码！'
					})
				} else if (this.stuInfo.sEmail == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的电子邮箱不能为空！'
					})
					console.log("电子邮箱" + this.stuInfo.sEmail);
				} else if (i == -1 || i == str.length - 1) {
					uni.showToast({
						icon: 'error',
						title: '您的E-mail地址不合法，请重新输入！'
					})
				} else if (this.stuInfo.sGender == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的性别不能为空！'
					})
				} else if (this.stuInfo.sName == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的姓名不能为空！'
					})
				} else if (this.stuInfo.sPhone == '') {
					uni.showToast({
						icon: 'error',
						title: '您输入的联系方式不能为空！'
					})
				} else if (this.stuInfo.sPassword != this.userRePass) {
					uni.showToast({
						icon: 'error',
						title: '两次输入的密码不一致，请重新输入！'
					})
				} else {
					const res = this.$myRequest({
						url: '/user/register',
						method: 'POST',
						data: {
							"createTime": this.stuInfo.sCreateTime,
							"email": this.stuInfo.sEmail,
							"gender": this.stuInfo.sGender,
							"id": 0,
							"name": this.stuInfo.sName,
							"no": this.stuInfo.sNo,
							"password": this.stuInfo.sPassword,
							"phone": this.stuInfo.sPhone

						}
					}).then((res) => {
						if (res.data.data.no) {
							console.log(res.data.data.no + "res.data.data.no")
							setTimeout(() => {
								uni.showToast({
									title: '注册成功，待审核...',
								})
							}, 2000)

							uni.navigateTo({
								url: './login/login'
							})
						} else {
							uni.showToast({
								title: "该学生已存在，请确认信息是否正确",
								icon: "error"
							})
						}
					})
				}


				console.log("我执行力")

			},
			// async mountDealCount(){
			// 	await this.getInformation();
			// 	console.log("我在数据获取到之后执行")
			// }
			// ,
			getPhoneValue(e) {
				this.stuInfo.sPhone = e.target.value;
				console.log("联系方式" + this.stuInfo.sPhone);
			},
			getNoValue(e) {
				this.stuInfo.sNo = e.target.value;
				console.log("学号" + this.stuInfo.sNo);
			},
			getPassValue(e) {
				this.stuInfo.sPassword = e.target.value;
				console.log("密码" + this.stuInfo.sPassword);
			},
			getRePassValue(e) {
				this.userRePass = e.target.value;
				console.log("确认密码" + this.userRePass);
			},
			getEmailValue(e) {
				this.stuInfo.sEmail = e.target.value;
				console.log("电邮" + this.stuInfo.sEmail);
			},
			getNameValue(e) {
				this.stuInfo.sName = e.target.value;
				console.log("姓名" + this.stuInfo.sName);
			},
			genderTypeChange(e) {
				this.stuInfo.sGender = this.genderList[e.target.value];
				console.log("性别" + this.stuInfo.sGender);
			},
			openStartCa() {
				this.$refs.startCalendar.open();
			},
			onRegister() {
				if (this.userId == '') {
					uni.showToast({
						icon: 'error',
						title: '请输入密码！'
					})
				}
				if (this.userPass == '') {
					uni.showToast({
						icon: 'error',
						title: '请输入密码！'
					})
				}
				if (this.userPassCon == '') {
					uni.showToast({
						icon: 'error',
						title: '请再次确认密码！'
					})
				}
				if (this.userPassCon != this.userPass) {
					uni.showToast({
						icon: 'error',
						title: '密码确认失误，请再次确认密码！'
					})
				}
				const res = this.$myRequest({
					url: '/',
					data: {
						sId: this.stuInfo.userId,
						sPassword: this.stuInfo.userPass,
						sPasswordCon: this.stuInfo.userPassCon
					}
				}).then(res => {
					if (res.data.success) {
						setTimeOut(() => {
							uni.showToast({
								title: '注册成功，请等待管理员审核！',
								icon: 'error'
							})
						}, 2000)
						uni.switchTab({
							url: '../login/login'
						})
					} else {
						uni.showToast({
							title: '您已进行过注册操作，请登录！',
							icon: 'loading'
						})
						uni.switchTab({
							url: '../login/login'
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #FAFAFA;
	}
	.icon{
		background-size: cover;
	}
	.top{
		height: 450rpx;
		padding-top: 40rpx;
		background: linear-gradient(#2196F3,#64B5F6);
		.title{
			color: #fff;
			font-size: 38rpx;
			text-align: center;
		}
	}
	.main{
		margin: -390rpx 30rpx 0 30rpx;
		background-color: #fff;
		padding: 30rpx;
		border-radius: 10px;
		box-shadow: 0 0 5px rgba(18, 18, 18, 0.2);
		.content{
			padding-top: 10rpx;
			.user,
			.password,
			.repaw,
			.email,
			.name,
			.phone,
			.gender{
				display: flex;
				align-items: center;
				height: 100rpx;
				border-bottom: 1rpx solid #eee;
				margin-top: 20rpx;
				.icon{
					width: 35rpx;
					height: 35rpx;
					margin-right: 20rpx;
				}
				input{
					flex: 1;
				}
			}
			.gender{
				display: flex;
				padding-right: 15rpx;
				.title{
					flex: 1;
				}
				input{
					text-align: right;
				}
			}
			.user .icon{
				background-image: url("data:image/svg+xml,%3Csvg t='1647952796463' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='11756' width='32' height='32'%3E%3Cpath d='M504.59685925 253.55757036m-207.0452148 0a207.04521482 207.04521482 0 1 0 414.09042963 0 207.04521482 207.04521482 0 1 0-414.09042963 0Z' p-id='11757' fill='%238a8a8a'%3E%3C/path%3E%3Cpath d='M856.54945185 647.38038517C656.42192592 519.8279111 658.4850963 519.8279111 514.42725925 519.8279111c-141.63057778 0-141.99466667 0-358.02074073 132.64971852-47.81700741 31.7970963-75.85185185 188.59804445-75.85185185 230.22554074 0 108.86257778 192.48165925 78.88592592 429.86761481 78.88592593s429.86761482 29.97665185 429.86761482-78.88592593c0.12136297-43.93339259-31.06891852-202.67614815-83.74044445-235.32278519z' p-id='11758' fill='%238a8a8a'%3E%3C/path%3E%3C/svg%3E");
			}
			.password .icon{
				background-image: url("data:image/svg+xml,%3Csvg t='1647952928187' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='13066' width='32' height='32'%3E%3Cpath d='M822.857143 402.285714h-36.571429v-128a274.285714 274.285714 0 0 0-548.571428 0v128h-36.571429a109.714286 109.714286 0 0 0-109.714286 109.714286v91.428571a420.571429 420.571429 0 0 0 841.142858 0v-91.428571a109.714286 109.714286 0 0 0-109.714286-109.714286z m-475.428572-128a164.571429 164.571429 0 0 1 329.142858 0v128H347.428571z m201.142858 457.142857a36.571429 36.571429 0 0 1-73.142858 0v-146.285714a36.571429 36.571429 0 0 1 73.142858 0z' p-id='13067' fill='%238a8a8a'%3E%3C/path%3E%3C/svg%3E");
			}
			.repaw .icon{
				background-image: url("data:image/svg+xml,%3Csvg t='1647952928187' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='13066' width='32' height='32'%3E%3Cpath d='M822.857143 402.285714h-36.571429v-128a274.285714 274.285714 0 0 0-548.571428 0v128h-36.571429a109.714286 109.714286 0 0 0-109.714286 109.714286v91.428571a420.571429 420.571429 0 0 0 841.142858 0v-91.428571a109.714286 109.714286 0 0 0-109.714286-109.714286z m-475.428572-128a164.571429 164.571429 0 0 1 329.142858 0v128H347.428571z m201.142858 457.142857a36.571429 36.571429 0 0 1-73.142858 0v-146.285714a36.571429 36.571429 0 0 1 73.142858 0z' p-id='13067' fill='%238a8a8a'%3E%3C/path%3E%3C/svg%3E");
			}
			.email .icon{
				background-image: url("data:image/svg+xml,%3Csvg t='1648293213884' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2343' width='32' height='32'%3E%3Cpath d='M886.3 299.8l-381.1 220-371.6-214.6c3.6-56.2 50.3-100.7 107.4-100.7h538.3c55.3 0 100.9 41.6 107 95.3z m0.7 78.8v334.9c0 59.5-48.2 107.7-107.7 107.7H241c-59.5 0-107.7-48.2-107.7-107.7V384.3l354.9 204.9c12.2 7 26.9 5.7 37.5-2.1 0.5-0.2 0.9-0.5 1.4-0.8L887 378.6z' p-id='2344' fill='%23707070'%3E%3C/path%3E%3C/svg%3E");
			}
			.name .icon{
				background-image: url("data:image/svg+xml,%3Csvg t='1648293370370' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6211' width='32' height='32'%3E%3Cpath d='M956.302 256H750.08c-5.973 0-10.524 6.258-10.524 14.222v56.89c0 7.964 4.835 14.221 10.524 14.221h206.222c5.974 0 10.525-6.257 10.525-14.222v-56.889c0.284-7.964-4.551-14.222-10.525-14.222zM883.77 784.498a267.378 267.378 0 0 0-77.369-64.57 787.911 787.911 0 0 0-180.622-77.652c-25.031-7.68-56.89-23.325-56.89-46.65a82.489 82.489 0 0 1 16.214-56.888 374.329 374.329 0 0 0 69.12-145.351 341.333 341.333 0 0 0 5.974-146.205 195.698 195.698 0 0 0-67.13-122.026 170.667 170.667 0 0 0-109.51-39.823 199.111 199.111 0 0 0-48.925 6.258 174.649 174.649 0 0 0-128.569 130.276 320 320 0 0 0 75.094 304.64l5.973 10.24a97.564 97.564 0 0 1-56.889 103.822c-28.444 10.24-58.596 21.333-87.324 33.564A568.889 568.889 0 0 0 115.2 746.098a137.956 137.956 0 0 0-54.898 68.55 196.836 196.836 0 0 0-3.413 46.934 74.24 74.24 0 0 0 23.893 51.77 124.302 124.302 0 0 0 24.462 16.781 56.889 56.889 0 0 0 30.152 8.534h686.933a56.889 56.889 0 0 0 37.547-14.223c19.91-17.35 48.924-47.786 46.08-76.515a43.804 43.804 0 0 1 0-7.111 91.876 91.876 0 0 0-22.187-56.32z m73.102-386.276H720.782c-5.404 0-9.955 6.258-9.955 14.222v56.89c0 7.964 4.55 14.222 9.955 14.222h236.09c5.404 0 9.955-6.258 9.955-14.223v-56.889c0.284-7.964-4.267-14.222-9.956-14.222z m0 142.222H808.96a13.084 13.084 0 0 0-11.378 14.223v56.889a13.084 13.084 0 0 0 11.378 14.222h147.911a13.084 13.084 0 0 0 11.378-14.222v-56.89a13.084 13.084 0 0 0-12.8-14.222z' fill='%23707070' p-id='6212'%3E%3C/path%3E%3C/svg%3E");
			}
			.phone .icon{
				background-image: url("data:image/svg+xml,%3Csvg t='1648293471722' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8337' width='32' height='32'%3E%3Cpath d='M742.218667 526.666667c107.637333 0 194.848 87.573333 194.848 195.552V725.333333c0 103.168-93.578667 190.4-190.4 190.4h-45.44a30.4 30.4 0 0 1-2.517334-0.106666c-153.898667-12.778667-312.266667-80.128-411.914666-173.888C169.184 631.082667 86.933333 461.44 86.933333 303.818667c0-113.802667 84.405333-195.552 194.848-195.552 107.626667 0 194.837333 87.573333 194.837334 195.552 0 76.032-44.181333 138.773333-111.701334 169.12a507.658667 507.658667 0 0 0 81.6 100.266666c36.288 34.453333 76.544 62.336 118.752 81.813334 26.304-76.170667 94.186667-128.352 176.96-128.352z' p-id='8338' fill='%23707070'%3E%3C/path%3E%3C/svg%3E");
			}
			.gender .icon{
				background-image: url("data:image/svg+xml,%3Csvg t='1648293536402' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9366' width='32' height='32'%3E%3Cpath d='M298.624 570.624v121.92h169.6v70.016H298.56v163.904H226.048v-163.968H56.448V692.48h169.6V570.624C98.56 553.536 0.384 447.872 0.384 320c0-139.84 117.248-253.12 261.952-253.12 144.64 0 261.952 113.28 261.952 253.12 0 127.808-98.176 233.536-225.664 250.624z m499.008-115.52c127.488 17.088 225.728 122.688 225.728 250.624 0.064 139.84-117.056 253.248-261.76 253.248-144.832 0-262.144-113.28-262.208-253.12 0-127.872 98.176-233.6 225.792-250.88l-0.128-256.768-69.312 67.072-51.328-49.472 156.672-151.616 36.288 35.072 120.704 116.48-51.328 49.536-69.248-67.008 0.128 256.832z' p-id='9367' fill='%23707070'%3E%3C/path%3E%3C/svg%3E");
			}
			
		}
		.line {
			height: 1rpx;
			background-color: #eee;
			margin: 20rpx 10rpx 10rpx 10rpx;
		}
		.login{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 80rpx;
			color: #BDBDBD;
			font-size: 28rpx;
			navigator{
				color: #2196F3;
			}
		}
		.button{
			margin: 30rpx 20rpx;
			.register,{
				height: 85rpx;
				background-color:#2196F3 ;
				color: #fff;
				border-radius: 5px;
				margin-bottom: 20rpx;
				box-shadow: 0 1px 3px rgba(18, 18, 18, 0.2);
			}
		
		}
	}
	// .bgimage {
	// 	/* margin-top: 78%; */
	// 	background-repeat: no-repeat;
	// 	position: fixed;
	// 	z-index: -1;
	// 	background-size: 100%;
	// 	width: 100%;
	// 	min-height: 100%;
	// 	opacity: 0.87;
	// }



	// .content {
	// 	// background-color: #000000;
	// 	margin-top: 210rpx;
	// 	z-index: 100;
	// 	position: absolute;
	// }



	// .logo {
	// 	height: 210rpx;
	// 	width: 680rpx;
	// 	margin-top: 80rpx;
	// 	margin-left: auto;
	// 	margin-right: auto;
	// 	margin-bottom: 2vw;
	// }

	// .text-area {
	// 	display: flex;
	// 	justify-content: center;
	// }



	// .int {

	// 	width: 570rpx;
	// 	-webkit-animation: inputAni 2s linear infinite;
	// 	margin: 0rpx 66rpx 20rpx;
	// 	border-radius: 25rpx;
	// 	padding: 20rpx;
	// 	display: flex;
	// 	align-items: center;
	// 	border: 4rpx solid #54b2f6;
	// 	color: #54b2f6;
	// 	color: white;
	// 	margin-bottom: 30rpx;

	// 	input {
	// 		content: '';
	// 		width: 420rpx;
	// 		height: 55rpx;
	// 		flex: 1;
	// 		font-weight: 500;
	// 		font-size: 32rpx;
	// 		color: #ffffff;
	// 	}

	// 	&-title {
	// 		width: 230rpx;
	// 		line-height: 30rpx;

	// 		text {
	// 			display: flex;
	// 			font-size: 30rpx;
	// 			font-weight: 600;
	// 			color: #54b2f6;
	// 			color: #ffffff;
	// 			float: right;
	// 			margin-right: 10rpx;

	// 		}

	// 	}

	// 	.icon2 {
	// 		padding: 0 3rpx;
	// 		width: 35rpx;
	// 		height: 35rpx;
	// 		background-image: url("data:image/svg+xml,%3Csvg t='1643207268595' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2215' width='200' height='200'%3E%3Cpath d='M511.9 819c-21.7 0-43.4-8.3-59.9-24.8-33.1-33.1-33.1-86.7 0-119.8l363.5-344.7c33.1-33.1 86.7-33.1 119.8 0s33.1 86.7 0 119.8L571.7 794.2c-16.5 16.6-38.2 24.8-59.8 24.8z' fill='%23666666' p-id='2216'%3E%3C/path%3E%3Cpath d='M512.1 819c21.7 0 43.4-8.3 59.9-24.8 33.1-33.1 33.1-86.7 0-119.8L208.5 329.8c-33.1-33.1-86.7-33.1-119.8 0s-33.1 86.7 0 119.8l363.5 344.7c16.6 16.5 38.3 24.7 59.9 24.7z' fill='%23666666' p-id='2217'%3E%3C/path%3E%3C/svg%3E");
	// 		background-size: cover;
	// 		margin-right: 7rpx;
	// 	}

	// 	.selector-input {
	// 		height: 70rpx;
	// 		width: 210rpx;
	// 		-webkit-animation: ani 7s linear infinite;
	// 		background-color: #000000;
	// 		border-radius: 20rpx;
	// 		border: #3076df solid 5rpx;
	// 		background-color: #ffffff;
	// 		opacity: 0.7;
	// 		display: flex;
	// 		align-items: center;
	// 		justify-content: center;
	// 		display: flex;
	// 		box-shadow: #50b9ff 0px 0px 10rpx inset;

	// 		input {
	// 			height: 70rpx;
	// 			line-height: 70rpx;
	// 			font-size: 30rpx;
	// 			width: 170rpx;
	// 			padding: 3rpx;
	// 		}
	// 	}
	// }


	// .empty {
	// 	height: 35rpx;
	// 	width: 2rpx;
	// 	background-color: #fcfdfd;

	// 	&-last {
	// 		background-color: #6bbdf8;
	// 	}
	// }

	// .right {
	// 	flex: 0;
	// 	padding-right: 25rpx;
	// }

	// .forget {
	// 	position: relative;
	// 	left: 27vw;

	// 	text {
	// 		color: #808080;
	// 	}
	// }

	// .butt {
	// 	display: flex;
	// 	margin-top: 15rpx;
	// 	width: 100%;


	// 	@keyframes inputAni {
	// 		0% {
	// 			box-shadow: 0 0 0px #ffffff;
	// 		}

	// 		25% {
	// 			box-shadow: 0 0 10px #ffffff;
	// 		}

	// 		50% {
	// 			box-shadow: 0 0 10px #ffffff;
	// 		}

	// 		75% {
	// 			box-shadow: 0 0 10px #ffffff;
	// 		}

	// 		100% {
	// 			box-shadow: 0 0 0px #ddd
	// 		}
	// 	}



	// 	.register {
	// 		margin-top: 10rpx;
	// 		text-align: center;
	// 		width: 150rpx;
	// 		height: 75rpx;
	// 		line-height: 75rpx;
	// 		border-radius: 20rpx;
	// 		background-color: #ffa60c;
	// 		background-color: #e1fcff;
	// 		color: #006d59;
	// 		font-size: 34rpx;
	// 		font-weight: 600;
	// 		display: flex;
	// 		justify-content: center;
	// 		align-items: center;
	// 	}


	// }
</style>
